<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/cw.css" />
		<style type="text/css">
			.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
				padding: 0;
			}
			
			.mui-grid-view.mui-grid-9 {
				background: white;
			}
			
			.mui-table-view-cell {
				padding: 20px 15px;
			}
			/*.mui-search .mui-placeholder{background: white;}*/
			
			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
				font-size: 12px;
			}
		</style>
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav">
			<h1 class="mui-title ">健康</h1>
		</header>
		<div id="content" class="mui-content">
			<!--<div class=""style="padding: 5px 10px;height: 44px;">
		<div class="mui-input-row mui-search ">
			<input type="search" contenteditable="true"  class="mui-input-clear search" placeholder="搜索">
		</div>			
	</div>-->
			<!--九宫-->
			<ul class="mui-table-view mui-grid-view mui-grid-9 home-9">
				<li class="mui-table-view-cell mui-media mui-col-xs-3 news">
					<span><img src="../images/shu.png"/></span>
					<div class="mui-media-body">资讯</div>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-3 medicine">
					<img src="../images/grass.png" />
					<div class="mui-media-body">药</div>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-3 counter">
					<img src="../images/scale.png" />
					<div class="mui-media-body">剂量转换</div>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-3 point">
					<span><img src="../images/pople.png"/></span>
					<div class="mui-media-body">穴</div>
				</li>

			</ul>
			<!--最新资讯-->
			<div class="table-view-cell-mini-15 mui-h6 color-000">
				最新资讯
			</div>
			<div class="newsList"></div>
		</div>
		<!--
			<div class="mui-table-view background table-view-cell home-list">
				<div>
					<img src="../images/iconic.png" alt="" />
				</div>
				<div class="">
					<li class="font-17">晚上光吃水果能减肥？</li>
					<li class="mui-ellipsis-2 font-12">很多人以为晚上光吃水果可以减肥，很多人以为晚上光吃水果可以减肥，很多人以为晚上光吃水果可以减肥，</li>
				</div>
			</div>-->
		<div class="mui-content background-t"></div>
	</body>
	<script src="../js/jquery-2.1.4.min.js"></script>
	<script src="../js/mui.min.js"></script>
	<script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../js/public.js"></script>
	<script type="text/javascript" src="../js/app/jk-home.js"></script>
	<script type="text/javascript" charset="UTF-8">
		$('.news').on('tap', function() {
			openNewpage('jk-new-list.html');
		})
		$('.medicine').on('tap', function() {
			openNewpage('jk-medicine-list.html');
		})
		$('.counter').on('tap', function() {
			openNewpage('jk-counter.html');
		})
		$('.point').on('tap', function() {
				openNewpage('jk-point-list.html');
			})
			//    	mui.init();
			//    	$('.home-9 li').on('tap', function(){
			//    		switch($(this).index()){
			//    			case 0 : plus.webview.create('jk-new-list.html').show('pop-in');break;
			//    			case 1 : plus.webview.create('jk-medicine-list.html').show('pop-in');break; 
			//    			case 2 : plus.webview.create('jk-counter.html').show('pop-in');break;
			//    			case 3 : plus.webview.create('jk-point-list.html').show('pop-in');break;
			//    		}
			//    	})
	</script>

</html>